<template>
  <div>
    <v-card title="径向树图">
      <vcu-chart-tree :data="chartData" :settings="chartSettings" />
    </v-card>
  </div>
</template>

<script>
const treeData = {
  name: "一级分类",
  children: [
    {
      name: "分类 1",
      value: 560,
    },
    {
      name: "分类 2",
      value: 500,
    },
    {
      name: "分类 3",
      value: 300,
    },
    {
      name: "分类 4",
      value: 150,
    },
    {
      name: "分类 5",
      value: 115,
    },
    {
      name: "分类 6",
      value: 95,
    },
    {
      name: "分类 7",
      value: 90,
    },
    {
      name: "分类 8",
      value: 75,
    },
    {
      name: "分类 9",
      value: 66,
    },
    {
      name: "分类 10",
      value: 52,
    },
  ],
};
export default {
  data() {
    return {
      chartData: {
        measures: [
          {
            name: "TreeOne",
            value: treeData,
          },
        ],
      },
      chartSettings: {
        seriesMap: [
          {
            layout: "radial",
          },
        ],
      },
    };
  },
  methods: {},
  created() {},
};
</script>
<style lang="less" scoped>
</style>
